{{! FAQ questions use the same classes (faq "requires": ["question"]), so the looks are in one stylesheet (ADR 0026). }}
<details {{@attrs}}{{#open}} open{{/open}}><summary class="sv-question__question">{{#number}}<span class="sv-question__number"{{@edit number}}>{{number}}</span>{{/number}}<span{{@edit question}}>{{question}}</span></summary><div class="sv-question__answer"{{@edit answer}}>{{{answer}}}</div>{{#button.label}}<div class="sv-question__action"><div class="sv-button sv-button--variant-{{buttonVariant}} sv-button--size-{{buttonSize}}">{{#button.link.url}}<a class="sv-button__control{{#button.arrow}} sv-button__control--arrow{{/button.arrow}}{{#button.icon}} sv-button__control--icon{{#button.iconEnd}} sv-button__control--icon-end{{/button.iconEnd}} sv-glyph-{{button.icon}}{{/button.icon}}" href="{{button.link.url}}"{{#button.link.newTab}} target="_blank" rel="noopener noreferrer"{{/button.link.newTab}}>{{button.label}}</a>{{/button.link.url}}{{^button.link.url}}<span class="sv-button__control{{#button.arrow}} sv-button__control--arrow{{/button.arrow}}{{#button.icon}} sv-button__control--icon{{#button.iconEnd}} sv-button__control--icon-end{{/button.iconEnd}} sv-glyph-{{button.icon}}{{/button.icon}}">{{button.label}}</span>{{/button.link.url}}</div></div>{{/button.label}}</details>